<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Insert title here</title>
        <style type="text/css">
            .index {
                margin: 0px;
                padding: 0px;
                font-size: 12px;
                font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            }
            
            .index .wrapper {
                width: 960px;
                display: table;
                margin: 0 auto;
                background: #fff;
                margin-top: 2em;
                margin-bottom: 2em;
            }
            
            .index .wrapper .header {
                width: 100%;
                height: 48px;
                background-color: blue;
                display: block;
                overflow: hidden;
                margin-bottom: 1em;
                color: #fff;
                line-height: 48px;
            }
            
            .index .wrapper .header .logo {
                width: 180px;
                display: inline-block;
                /*
                 border-right: 2px solid #fff;
                 */
                height: 48px;
                line-height: 48px;
                float: left;
                text-align: center;
                display: inline;
            }
            
            .index .wrapper .header ul, li {
                margin: 0px;
                padding: 0px;
                line-height: 48px;
                float: right;
                list-style-type: none;
                display: inline-block;
                display: inline;
                /*
font-size: 14px;
*/
            }
            
            .index .wrapper .header ul {
                margin-right: 2em;
                text-align: left;
				float:right;
            }
            
            .index .wrapper .header li {
                line-height: 48px;
				float:left;
               
                text-align: center;
            }
            
            .index .wrapper .header li a {
                line-height: 48px;
                font-weight: bold;
                color: #FFF;
                text-decoration: none;
				padding-left:1em;
				padding-right:1em;
				display:block;
            }
            
            .index .wrapper .header li a:hover {
            	padding-left:1em;
				padding-right:1em;
                line-height: 48px;
				height:48px;
				background-color:#fefffe;
                font-weight: bold;
                color: blue;
				display:block;
            }
            
            .index .wrapper .main-content {
                width: 100%;
                height: 400px;
                background-color: #efefef;
                display: block;
                overflow: hidden;
                margin-bottom: 1em;
            }
            
            .index .wrapper .sub-content {
                width: 100%;
                height: 320px;
                display: block;
                overflow: hidden;
                margin-bottom: 1em;
                background-color: #efefef;
            }
			
			.index .wrapper .sub-content .item {
				width:231px;
				display:block;
				height:320px; 
				overflow:none;
				margin-right:12px;
				float:left;
				background-color:#ccc;
			}
			
			.index .wrapper .sub-content  .sc4 {
				margin-right:0px;
			}
            
            .index .wrapper .footer {
                display: block;
                width: 100%;
                background-color: #efefef;
            }
            
            .index .wrapper .footer .copyright {
                line-height: 22px;
                padding: .5em;
                text-align: center;
            }
        </style>
    </head>
    <body class="index">
        <div class="wrapper">
            <div class="header">
                <div class="logo">
Tabmake Lab                </div>
z                    <ul>
                        <li>
                            <a href="#" style="font-size:11px;">Employees' Portal</a>
                        </li>
                    </ul>
                    <ul>  <li>
                            <a href="#">About</a>
                        </li>                        <li>
                            <a href="#">IconLofe</a>
                        </li>
                         <li>
                            <a href="#">Service</a>
                        </li>
<li>
                            <a href="#">项目合作</a>
                        </li>
                      
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                       
                    </ul>
                </div>
            </div>
            <div class="main-content">
            </div>
            <div class="sub-content">
                <div class="item sc1">
                </div>
                <div class="item sc2">
                </div>
                <div class="item sc3">
                </div>
                <div class="item sc4">
                </div>
            </div>
            <div class="footer">
                <div class="copyright">
                    &copy; 2011 meellee.com
                </div>
            </div>
        </div>
    </body>
</html>
